<template>
    <div class="">
        <div class="industryDevelopment">
            <Left></Left>
            <div class="Right">
            <router-view></router-view>
            </div>
        </div>
<!--        <div class="bb">-->
<!--            <router-view></router-view>-->
<!--        </div>-->
    </div>
</template>

<script>
    import Left from './Left';
    import Resource from "./Resource";
    import Scientific from "./Scientific";
    import Cooperation from "./Cooperation";
    import Recruit from "./Recruit";

    export default{
        name :'IndustryDevelopment',
        components: {
            Left,Resource,Scientific,Cooperation,Recruit
        },
    }

</script>

<style>
    .industryDevelopment{
        /*width: 100%;*/
        position: relative;
        /*background-color: #212529;*/
        /*width: auto;*/
        /*height: 450px;*/
        height: auto;
        margin-left: 15%;
        margin-right: 15%;
        display: flex;
        border: 2px solid #636e72;
    }
    .Right{
        position:relative;
        height: 600px;
        /*height: auto;*/
        width: 100%;
    }
    .aa{
        display: flex;
        height: 600px;
        border: 10px solid red;
    }
    .bb{
        background-color: #9C7049;
        /*height: 10%;*/
        width: 1000px;
        /*border: 10px solid blue;*/
        float: left;
    }
</style>